<template>
  <div>
    <div class="buttons">
      <a v-for="(item, i) in list" :key="i" @click="open(i)">{{item + '|' + i}}</a>
    </div>
    <div id="myChart" class="myChart"></div>
  </div>
</template>

<script src="./index.js"></script>

<!--<script>-->
<!--  // import index from './index.js';-->
<!--  // require('./index.js')-->
<!--</script>-->

<style>
  .myChart {
    width: 1500px;
    height: 500px;
  }
  .buttons {
     cursor: pointer;
     margin: 15px;
  }
  .buttons a {
    display: inline-block;
    border: 1px solid #262626;
    padding: 5px 15px;
    border-radius: 3px;
  }
</style>
